<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>${_front_title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/static/favicon.ico"/>
    <link rel="stylesheet" href="/static/front/fonts/iconfont.css">
    <link rel="stylesheet" href="/static/front/css/base_new.css">
    <link rel="stylesheet" href="/static/front/css/library.css">
    <link rel="stylesheet" href="/static/front/css/style.css">
    <script src="/static/front/js/jquery-1.11.1.min.js"></script>
	<script src="/static/front/js/jquery.countdown.js"></script>
    <script src="/static/front/js/js.js"></script>
    
    <style type="text/css">
       .investment .quick_screen{display:inline;}
       .investment .quick_screen:after{display:block;content:'';overflow:hidden;width:0;height:0;celar:both;}
       .investment .quick_screen span{margin-top:12px;margin-left:25px;}
       .investment .screen ul li{float:left;margin:8px 8px;}
       .investment .screen ul li a{display:inline;padding:3px 10px;}
       .investment .screen ul li a.current{background:#6DBD45;color:#fff;}
       .investment .screen ul li a:hover{background:#6DBD45;color:#fff;}
       
       .Tab .Tab-shuaixuan{float:right;margin-top:-40px;cursor:pointer;width: 78px;height: 25px;border: #4db0c2 1px solid;background: #5dc0d2;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    	-ms-border-radius: 3px;text-align: center;behavior: url(plugIn/PIE.htc);line-height:25px;}
   		
   		.investment .quick_sxtj{margin-left:20px;}
   		.investment .quick_sxtj ul.clearfix li{font-size:12px;}
   		.investment .quick_sxtj ul.clearfix li input{border:1px solid #ccc;height:25px;padding:0 10px;font-family: "Microsoft Yahei";}
   		.investment .quick_sxtj ul.clearfix li .quick_btn{width:50px;height:27px;border: #4db0c2 1px solid;background: #5dc0d2;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;
   		-moz-border-radius: 3px;-ms-border-radius: 3px;text-align: center;behavior: url(plugIn/PIE.htc);line-height:26px;cursor:pointer;margin-left:20px;}
     	
      </style>
     
</head>

<body>
    <div class="content">
    	<#include "../base/top.ftl" />
    <div id="myInvestmentMain" class="cnt clearfix layoutMain">
       <#include "base1.ftl" />
     
        <div class="investment fr">
            <h2>我要充值</h2>
            <div class="Tab" style="margin-top: 48px;">
            	<span data="recharge" class="TabOne tableTab <#if type?? && type=='recharge'>active</#if>">我要充值</span>
                <span data="records" class="TabTwo tableTab <#if type?? && type=='records'>active</#if>">充值记录</span>
                <#if type?? && type=='recharge'>
                 <table class="tabLibrary receivables" border="0" cellspacing="0" cellpadding="0" style='margin-top: 0px;display:block;'>
                    <tbody style='display:block;'>
                  	  <form action="" class="userFrom">
                    	<tr style='display:block;border:1px solid #ddd;border-bottom:none;'>
                    		<td style='border:none;text-align:left;padding-left:370px;'>
                    			真实姓名：<#if user?? & user.realname??>${user.realname}</#if>
                    		</td>
                    	</tr>
                    	<tr style='display:block;border:1px solid #ddd;border-top:none;border-bottom:none;'>
                    		<td style='border:none;text-align:left;padding-left:340px;'>
                    			当前可用余额：
                    			<#if account?? & account.balance??>
                        			${account.balance?string('0.00')}
	                        	<#else>
	                        		0.00	
	                        	</#if>元
                    		</td>
                    	<tr>
                    	<tr style='display:block;border:1px solid #ddd;border-top:none;border-bottom:none;'>
                    		<td style='border:none;text-align:left;padding-left:365px;'>
                    			充值金额：
                    			<input type="text" id="amount" class="" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" style='border:1px solid #ddd;'>（单位：元）
                    		</td>
                    	<tr>
                    	<tr style='display:block;border:1px solid #ddd;border-top:none;border-bottom:none;'>
                    		<td style='border:none;text-align:left;padding-left:335px;'>
                    			选择充值类型：
                    			<input type="radio" id="man" name="gender" checked="true" >
                            	<label for="man" class="man">汇付天下</label>
                    		</td>
                    	<tr>
                    	<tr style='display:block;border:1px solid #ddd;border-top:none;'>
                    		<td style='border:none;text-align:left;padding-left:435px;'>
                    			<input class="regsiterBtn noMargin" id="submit" type="button" value="提交" style='width:250px;height:40px;background:#f06a11;color:#fff;'>
                    		</td>
                    	</tr>
                    	</from>
                    	
                    	<tr style='display:block;'>
                    		<td style='border:none;text-align:left;padding-left:100px;'>
	                    		<em style='color:red;'>注意事项：</em> <br>
				                	1.网上银行充值过程中请耐心等待,充值过程中,请不要关闭浏览器。如有问题,请与我们联系。 <br>
				                	2.网上银行充值结束后请重新打开网站。
                    		</td>
                    	</tr>
                    </tbody>
                </table>
                </#if>
                <#if type?? && type=='records'>
                <span class='Tab-shuaixuan'>快速筛选</span>
                <div class="screen" style="border-top:1px dashed #ccc;width:100%;height:0px;overflow:hidden;">
                	<div class="quick_screen" style="width:100%;height:45px">
                		<span class='fl'>筛选时间段：</span>
                	</div>
                	<div class='quick_sxtj'>
                		<ul class="clearfix">
                            <li>
                                <input type="text" id="publishTimeBegin1" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:'readOnly'})" placeholder="请选择开始时间" value="<#if publishTimeBegin?exists>${publishTimeBegin}</#if>">&nbsp;&nbsp; 到&nbsp;&nbsp;
                                <input type="text" id="publishTimeEnd1" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:'readOnly'})" value="" placeholder="请选择结束时间" value="<#if publishTimeEnd?exists>${publishTimeEnd}</#if>">
                            </li>
                            <li>
                                <input type="button" class='quick_btn' value="搜 索" id="search">
                            </li>
                        </ul>
                	</div>
                </div>
               <script>
	             	var h = $('.screen').height();
	             	if(h==0){
	             		$('.screen').css('border','none')
	             	};
	              	$('.Tab-shuaixuan').click(function(){
	              		var h = $('.screen').height();
	              		if(h==0){
	              			$('.screen').css({
	              				'borderTop':'1px dashed #ccc',
	              			}).animate({
	              				height:45
	              			});
	              		}else{
	              			$('.screen').animate({
	              				height:0
	              			},function(){
	              				$('.screen').css('borderTop','none');
	              			});
	              		};
	              	});
			       <#if (publishTimeBegin?exists && publishTimeBegin != '') || (publishTimeEnd?exists && publishTimeEnd != '') >
						$(".Tab-shuaixuan").click();
					</#if>
			      </script>
                <table class="tabLibrary receivables" border="0" cellspacing="0" cellpadding="0" style='margin-top: 0px;display:block;'>
                    <tbody style='display:block;'>
	                    <tr>
	                        <th class="one" style="text-align:center;width:380px;">时间</th>
	                        <th class="two" style="text-align:center;">充值渠道</th>
	                        <th class="three" style="text-align:center;">金额（元）</th>
	                        <th class="four" style="text-align:center;">手续费（元）</th>
	                        <th class="five" style="text-align:center;">状态</th>
	                    </tr>
                   			<#if ((pageInfo?exists) & (pageInfo.pageList?size>0))>
                        		<#list pageInfo.pageList as model>
				                    <tr>
				                        <td class="one" style="text-align:-webkit-center">
				                        	<#if model.createTime?exists>${model.createTime?string("yyyy-MM-dd HH:mm:ss")}</#if>
				                        </td>
				                        <td class="two">
				                           	 <#if model.payMethod?exists>${model.payMethod}</#if>
				                        </td>
				                        <td class="three">
											￥<#if model.money?exists>${model.money?string(",###.00")}</#if>
				                        </td>
				                        <td class="four">
				                        	￥<#if model.fee?exists>${model.fee}</#if>
			                        	</td>
				                        <td class="five">
				                        	<#if model.status?exists>
												<#if model.status=="success">
													充值成功
												<#else>	
													充值失败
												</#if>
											</#if>
				                        </td>
				                    </tr>
			                    </#list>
			                <#else>
			                	<tr style='display:block;'><td rowspan="6" style="display: block;width:100%;height:30px;">暂无数据</td></tr>
		                    </#if>
                	</tbody>
                </table>
                </#if>
            </div>
            
            <!-- 分页组件 -->
           <#if (pageInfo??) & (pageInfo.pageList?size>0)>
            	<div class="tcdPageCode"></div>
            </#if>
        </div>
    </div>
	<div id="footer">
	    <div class="content">
			<#include "../base/foot.ftl" />
	    </div>
	</div>
</div>
<script type="text/javascript" src="${_front_js}/jquery.page.js"></script>
<script type="text/javascript" src="${_front_js}/layer/layer.js" ></script>
<script type="text/javascript" src="${_front_js}/layer/extend/layer.ext.js" ></script>
<script type="text/javascript" src="${_front_js}/tabs.js"></script>
<script type="text/javascript" src="${_front_js}/date.js"></script>
<script type="text/javascript" src="${_front_js}/My97DatePicker/WdatePicker.js"></script>
<script>
<#if type?? && type=='records'>
	$(".tcdPageCode").createPage({
        pageCount:${pageInfo.pages},//总页数
        current:${pageInfo.index},
        backFn:function(index){
            window.location.href="/account/recharge/record?type=${type}&publishTimeBegin=<#if publishTimeBegin?exists>${publishTimeBegin}</#if>&publishTimeEnd=<#if publishTimeEnd?exists>${publishTimeEnd}</#if>&index="+index;
        }
 	});
</#if>
	$("#search").click(function(){
		var publishTimeBegin = $("#publishTimeBegin1").val();
		var publishTimeEnd = $("#publishTimeEnd1").val();
		window.location="/account/recharge/record?publishTimeBegin="+publishTimeBegin+"&publishTimeEnd="+publishTimeEnd;
	})
	
	$(".TabOne").click(function(){
		$('.active').removeClass("active");
		$(this).addClass("active");
		var type = $(this).attr("data");
		window.location.href="/account/recharge";
		
	})
	$(".TabTwo").click(function(){
		$('.active').removeClass("active");
		$(this).addClass("active");
		var type = $(this).attr("data");
		window.location.href="/account/recharge/record";
		
	})
	
	
</script>
</body>
</html>
